<template>
  <div class="wrapper">
    <ul>
      <li>susu1</li>
      <li>susu2</li>
      <li>susu3</li>
      <li>susu4</li>
      <li>susu5</li>
      <li>susu6</li>
      <li>susu7</li>
      <li>susu8</li>
      <li>susu9</li>
      <li>susu10</li>
      <li>susu11</li>
      <li>susu12</li>
      <li>susu13</li>
      <li>susu14</li>
      <li>susu15</li>
      <li>susu16</li>
      <li>susu17</li>
      <li>susu18</li>
      <li>susu19</li>
      <li>susu20</li>
      <li>susu21</li>
      <li>susu22</li>
      <li>susu23</li>
      <li>susu24</li>
      <li>susu25</li>
      <li>susu26</li>
      <li>susu27</li>
      <li>susu28</li>
      <li>susu29</li>
      <li>susu30</li>
      <li>susu31</li>
      <li>susu32</li>
      <li>susu33</li>
      <li>susu34</li>
      <li>susu35</li>
      <li>susu36</li>
      <li>susu37</li>
      <li>susu38</li>
      <li>susu39</li>
      <li>susu40</li>
      <li>susu41</li>
      <li>susu42</li>
      <li>susu43</li>
      <li>susu44</li>
      <li>susu45</li>
      <li>susu46</li>
      <li>susu47</li>
      <li>susu48</li>
      <li>susu49</li>
      <li>susu50</li>
      <li>susu51</li>
      <li>susu52</li>
      <li>susu53</li>
      <li>susu54</li>
      <li>susu55</li>
      <li>susu56</li>
      <li>susu57</li>
      <li>susu58</li>
      <li>susu59</li>
      <li>susu60</li>
      <li>susu61</li>
      <li>susu62</li>
      <li>susu63</li>
      <li>susu64</li>
      <li>susu65</li>
      <li>susu66</li>
      <li>susu67</li>
      <li>susu68</li>
      <li>susu69</li>
      <li>susu70</li>
      <li>susu71</li>
      <li>susu72</li>
      <li>susu73</li>
      <li>susu74</li>
      <li>susu75</li>
      <li>susu76</li>
      <li>susu77</li>
      <li>susu78</li>
      <li>susu79</li>
      <li>susu80</li>
      <li>susu81</li>
      <li>susu82</li>
      <li>susu83</li>
      <li>susu84</li>
      <li>susu85</li>
      <li>susu86</li>
      <li>susu87</li>
      <li>susu88</li>
      <li>susu89</li>
      <li>susu90</li>
      <li>susu91</li>
      <li>susu92</li>
      <li>susu93</li>
      <li>susu94</li>
      <li>susu95</li>
      <li>susu96</li>
      <li>susu97</li>
      <li>susu98</li>
      <li>susu99</li>
      <li>susu100</li>
    </ul>
  </div>
</template>
<script>
import BScroll from "better-scroll";

export default {
  name: "Sort",
  data() {
    return {
      scroll: null,
    };
  },
  mounted() {
    this.scroll = new BScroll(".wrapper", {
      probeType: 3,
      pullUpLoad: true,
    });
    this.scroll.on("scroll", (position) => {
      // console.log(position);
    });
    this.scroll.on("pullingUp", () => {
      console.log("上拉加载更多");
    });
  },
};
</script>

<style scoped>
.wrapper {
  height: 150px;
  background-color: red;
}
</style>